<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.chimera.org/chimera.tld" prefix="p"%>

<p:html titulo="  DELICCIO  :: Asignar Productos "
	javascript="sysRest,mantenimiento/asignarProductos"
	estilo="sysRest,mantenimiento/asignarProductos">
<div class="main" style="height: 615px; width: 850px">
	<br>
	<fieldset> 
		<div
			class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"
			align="center">Asignar Productos</div>
		<div>
			<form  id="formAsignados" action="<c:url value="/mantenimiento/guardarAsginados"  ></c:url>" method="post">
				<div style="padding: 5px;">
					<p>
						<label> Producto : </label> <input name="" type="text"
							id="txtNombreProducto" value="" />	
							 <input name="id" type="hidden" id="idProducto" value="" /> 
							 <input name="" type="hidden" id="lblProducto" value="" />
					</p>
					<p>
						<label> Activo: </label> <input id="activo" name="activo" type="checkbox"
							id="activo" value="" />
					</p>
					<p>
						<label> Completo: </label> <input id="completo" name="completo" type="checkbox"
							id="completo" value="" />
					</p>
				</div>
				<div style="width: 100%; height: 300px; display: inline-block;">
					<div style="width: 48%; display: inline-block; float: left;">
						<div>
							<div
								class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"
								align="center">Lista de Productos Asignadas</div>
						</div>
						<br>
						<div id=""
							class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"
							style="width: 90%; padding-left: 15px; padding-right: 15px; height: 223px; overflow: auto;">
							<ul id="productosAsignados" class='dropfalse'>

							</ul>
						</div>
					</div>
					<div style="width: 48%; display: inline-block; float: right;">
						<div>
							<div
								class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"
								align="center">Lista de Productos Disponibles</div>
							<p>
								<label> Nombre: </label> <input name="" type="text" id="txtNombre"
									value="" /> <label><span>Tipo de Producto:</span></label> 
								<select name="idtipo.id" id="cboTipo">
									<option value="0">Selecciona uno</option>
									<c:forEach items="${tiposConjuntos}" var="t">
										<option value="${t.id}" >${t.nombre}</option>
									</c:forEach>
								</select>
								<input type="button" class="btnBuscar" value="Buscar Productos">
							</p>
						</div>
						<br>
						
						<div id=""
							class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"
							style="width: 90%; padding-left: 15px; padding-right: 15px; height: 150px; overflow: auto;">
							<ul id="productosDisponibles" class='droptrue'>
									


							</ul>
						</div>
					</div>
				</div>
				<div  style="text-align: center;">
				<input type="button" class="btnGuardar" value="Guardar">
				</div>
			</form>
		</div>
	</fieldset>
</div>
</p:html>